<template>
  <component
    :is="component.tag"
    v-bind="component.props"
    :element="component.element"
    :draggable="false"
    :id="component.id"
    :class="component.class"
    :isPreview="component.props.isPreview"
    @valueChange="handleValueChange"
  />
</template>

<script>
export default {
  props: {
    component: {
      type: Object,
      default: () => {}
    },
    handleValueChange: {
      type: Function,
      default: () => () => {}
    }
  },
}
</script>
